<template>
	<div>
		<!-- 标题 -->
		<cmsTitle no-back />
		<!-- main -->
		<el-row style="margin:10px 0" :gutter="10" class="main">
			<!-- left -->
			<el-col :md="12">
				<!-- 充值选项 -->
				<el-card>
					<charge title="充值选项" :data="formData.recharge"></charge>
				</el-card>
			</el-col>
			<!-- right -->
			<el-col :md="12">
				<!-- 提现设置 -->
				<el-card>
					<cash title="提现设置" :data="formData.withdraw"></cash>
				</el-card>
				<!-- 悬赏设置 -->
				<el-card style="margin-top:10px">
					<reward title="悬赏设置" :data="formData.reward"></reward>
				</el-card>
				<!-- 打赏设置 -->
				<el-card style="margin-top:10px">
					<playMoney title="打赏设置" :data="formData.randomReward"></playMoney>
				</el-card>
			</el-col>
		</el-row>
	</div>
</template>

<script>
import charge from '@/components/finance/set/charge.vue'
import cash from '@/components/finance/set/cash.vue'
import reward from '@/components/finance/set/reward.vue'
import playMoney from '@/components/finance/set/playMoney.vue'
export default {
	components:{
		charge,
		cash,
		reward,
		playMoney
	},
	data () {
		return {
			formData:[]
		}
	},
	methods:{
		list:function(){
			HTTP('financeSet_list')
			.then(res=>{
				if(res.code == 200){
					this.formData = res.data;
				}
				else{
					this.common.msg(res.msg,'error');
				}
			})
		}
	},
	mounted(){
		this.list();
	}
}
</script>

<style lang="scss" scoped>
	/deep/ .el-input-number.is-without-controls .el-input__inner{
		padding-left: 10px;
		padding-right: 10px;
	}
</style>
